<template>
    <v-row>
        <v-col
        v-for="(unit, i) in dataBars"
        :key="i"
        cols="12"
        sm="1"
        md="6"
        >
            <v-SecondTable :bar="unit" :head="TableHeader" :body="TableData"></v-SecondTable>
        </v-col>
    </v-row>
</template>

<script>
import { defineComponent } from '@vue/composition-api'
import SecondTable from './children/SecondTable.vue'

export default defineComponent({
    setup() {
        
    },
    components: {
        'v-SecondTable': SecondTable
    },
    mounted(){
        this.$emit("changeTaskID", 0)
    },
    data: () => ({
        dataBars: [
            { class: 'red', title: '重要且紧急', priority: '重要且紧急', link: true, display: false, height: '290px', params: {'priority': '重要且紧急', 'result__gte': 0} },
            { class: 'yellow', title: '重要不紧急', priority: '重要不紧急', link: true, display: false, height: '290px', params: {'priority': '重要不紧急', 'result__gte': 0} },
            { class: 'blue', title: '紧急不重要', priority: '紧急不重要', link: true, display: false, height: '290px', params: {'priority': '紧急不重要', 'result__gte': 0}},
            { class: 'green', title: '不重要不紧急', priority: '不重要不紧急', link: true, display: false, height: '290px', params: {'priority': '不重要不紧急', 'result__gte': 0} },
        ],
        TableHeader: [
            { text: '状态', value: 'status', align: 'start' },
            { text: '任务名称', sortable: false, value: 'taskName',},
            { text: '责任人', sortable: false, value: 'executor',},
            { text: '到期时间', value: 'endDate' },
            { text: '操作', value: 'actions', sortable: false },
        ],
        load: true,
        TableData: []
    }),
    beforeMount(){

    },
    methods: {

    }
})
</script>


<style scoped>

</style>